*{
    margin: 0;
    padding: 0;
}
html,body,#app{
    height: 100%;
}
@font-face {
    font-family: iconfont;
    src: url(//at.alicdn.com/t/font_2552676_si9vg16xca.woff2?t=1621236565779) format("woff2"), url(//at.alicdn.com/t/font_2552676_si9vg16xca.woff?t=1621236565779) format("woff"), url(//at.alicdn.com/t/font_2552676_si9vg16xca.ttf?t=1621236565779) format("truetype")
}

.iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
}

.homepage:before {
    content: "\e620";
    margin-right: 20px
}

.product:before {
    content: "\e64f";
    margin-right: 20px
}

.product-list:before {
    content: "\e629";
    margin-right: 20px
}

.product-add:before {
    content: "\e64e";
    margin-right: 20px
}

.product-cate:before {
    content: "\e724";
    margin-right: 20px
}

.product-attr:before {
    content: "\e64d";
    margin-right: 20px
}

.product-brand:before {
    content: "\e7b8";
    margin-right: 20px
}

.order:before {
    content: "\e63a";
    margin-right: 20px
}

.order-setting:before {
    content: "\e606";
    margin-right: 20px
}

.order-return:before {
    content: "\e607";
    margin-right: 20px
}

.order-return-reason:before {
    content: "\e612";
    margin-right: 20px
}

.sms:before {
    content: "\e604";
    margin-right: 20px
}

.sms-flash:before {
    content: "\e653";
    margin-right: 20px
}

.sms-coupon:before {
    content: "\e635";
    margin-right: 20px
}

.sms-new:before {
    content: "\e60e";
    margin-right: 20px
}

.sms-hot:before {
    content: "\e609";
    margin-right: 20px
}

.sms-subject:before {
    content: "\e62a";
    margin-right: 20px
}

.sms-ad:before {
    content: "\e61d";
    margin-right: 20px
}

.ums:before {
    content: "\e656";
    margin-right: 20px
}

.ums-admin:before {
    content: "\e817";
    margin-right: 20px
}

.ums-role:before {
    content: "\e62d";
    margin-right: 20px
}

.ums-menu:before {
    content: "\e652";
    margin-right: 20px
}

.ums-resource:before {
    content: "\e6ba";
    margin-right: 20px
}

* {
    margin: 0;
    padding: 0
}

body,
html {
    width: 100%;
    height: 100%
}

.is_active {
    color: #409eff !important
}

.operate-container {
    margin-top: 20px
}

.operate-container .btn-add {
    float: right
}

.table-container {
    margin-top: 20px
}

.batch-operate-container,
.pagination-container {
    display: inline-block;
    margin-top: 20px
}

.pagination-container {
    float: right
}

.form-container {
    position: absolute;
    left: 0;
    right: 0;
    width: 720px;
    padding: 35px 35px 15px 35px;
    margin: 20px auto
}

.font-extra-large {
    font-size: 20px;
    color: #303133
}

.font-title-large {
    font-size: 18px;
    color: #303133
}

.font-title-medium {
    font-size: 16px;
    color: #303133
}

.font-medium {
    font-size: 16px;
    color: #606266
}

.font-small {
    font-size: 14px;
    color: #606266
}

.font-extra-small {
    font-size: 13px;
    color: #606266
}

.color-main {
    color: #409eff
}

.color-success {
    color: #67c23a
}

.color-warning {
    color: #e6a23c
}

.color-danger {
    color: #f56c6c
}

.color-info {
    color: #909399
}

#app {
    width: 100%;
    height: 100%
}